<page-header [title]="'文件管理'">
  <ng-template #action><button nz-button (click)="back()"style="float: right"><i class="anticon anticon-rollback" style="font-size: 14px"></i>返回列表</button></ng-template>
</page-header>
<nz-spin [nzSpinning]="loading">

<nz-card  nzTitle="基本信息">
  <form nz-form>

      <!-- <nz-form-label nzSpan="2" nzRequired>文件编号</nz-form-label>
      <nz-form-control nzSpan="4">
        <input readonly="readonly"  nz-input [(ngModel)]="product.fileNo" name="fileNo">
      </nz-form-control> -->

      <nz-form-label nzSpan="2" nzRequired>文件名</nz-form-label>
      <nz-form-control nzSpan="4">
        <input readonly="readonly" nz-input [(ngModel)]="product.fxjOut11" name="fxjOut11">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>状态</nz-form-label>
      <nz-form-control nzSpan="4">
        <input readonly="readonly" nz-input [(ngModel)]="product.fxjOut12" name="fxjOut12">
        <!-- <nz-select [(ngModel)]="product.fxjOut12" name="fxjOut12" id="fxjOut12" [nzPlaceHolder]="'请选择'" [nzShowSearch]="true">
          <nz-option nzLabel="已归还" nzValue="已归还"></nz-option>
          <nz-option nzLabel="未归还" nzValue="未归还"></nz-option>
        </nz-select> -->
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>所有者</nz-form-label>
      <nz-form-control nzSpan="4">
        <input readonly="readonly" nz-input [(ngModel)]="product.fxjOut13" name="fxjOut13">
        <!-- <nz-select readonly="readonly"  style="" required [(ngModel)]="product.fxjOut13" name="fxjOut13" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
          <nz-option [nzLabel]="sysuser.text" [nzValue]="sysuser.value" *ngFor="let sysuser of sysusers"></nz-option>
        </nz-select> -->
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>借阅人</nz-form-label>
      <nz-form-control nzSpan="4">
        <!--<input nz-input [(ngModel)]="product.fileOwner" name="fileOwner">-->
        <nz-select readonly="readonly"  style="" required [(ngModel)]="product.fxjOut14" name="fxjOut14" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
          <nz-option [nzLabel]="sysuser.text" [nzValue]="sysuser.value" *ngFor="let sysuser of sysusers"></nz-option>
        </nz-select>
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>借阅人电话</nz-form-label>
      <nz-form-control nzSpan="4">
        <input readonly="readonly" nz-input [(ngModel)]="product.fxjOut15" name="fxjOut15">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>借阅时间</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-date-picker nzFormat="yyyy-MM-dd" name="fxjOut16" [(ngModel)]="product.fxjOut16"></nz-date-picker>
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>归还时间</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-date-picker nzFormat="yyyy-MM-dd" name="fxjOut17" [(ngModel)]="product.fxjOut17"></nz-date-picker>
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>备注</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut18" name="fxjOut18">
      </nz-form-control>

      

  </form>
</nz-card>

<nz-card nzTitle="文件信息">

  <form nz-form>
    <div class="clearfix">

      <nz-upload
        [nzMultiple]="true"
        [nzAction]="uploadUrl"
        [nzData]="avatarParam"
        nzListType="picture-card"
        [(nzFileList)]="fileList"
        [nzShowButton]="fileList.length < 30"
        (nzChange)="upLoadChange($event)"
        [nzPreview]="handlePreview">

        <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
        <div style="margin-top: 0px; color: #666;">  </div>
      </nz-upload>
      <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">
        <ng-template #modalContent>
          <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
        </ng-template>
      </nz-modal>
    </div>

  </form>
</nz-card>
</nz-spin>

<footer-toolbar errorCollect>
  <button nz-button type="primary" nzType="primary" (click)="save()">归还</button>
</footer-toolbar>
